<style>
    .layui-timeline-item {
        position: relative;
         padding-bottom: 0px;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md9">
            <div class="layui-row layui-col-space15">

                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">综合统计</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" style="width: 100%; height: 280px;">
                                <div carousel-item="">
                                    <ul class="layui-row layui-col-space10 layui-this">

                                        {volist name='overview' id='vo'}
                                        <li class="layui-col-xs3 ">
                                            <div class="layadmin-backlog-body">
                                                <h3>{$vo.title}</h3>
                                                <p><cite>{$vo.number}</cite>
                                                </p>
                                            </div>
                                        </li>
                                        {/volist}

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {$data_left|raw}
            </div>


        </div>
        <div class="layui-col-md3">
                <div class="layui-card">
                    <div class="layui-card-header">快捷方式</div>
                    <div class="layui-card-body">
                        <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                            <div carousel-item>
                                <ul class="layui-row layui-col-space10">

                                    {volist name='quick' id='vo'}
                                    <li class="layui-col-xs3">
                                        <a lay-href="{$vo.link}">
                                            <i class="layui-icon {$vo.ico}"></i>
                                            <cite>{$vo.title}</cite>
                                        </a>
                                    </li>
                                    {/volist}
                                </ul>

                            </div>
                        </div>

                    </div>
                </div>
            <div class="layui-card">
                <div class="layui-card-header">待办事项</div>
                <div class="layui-card-body">

                    <div class="layui-carousel layadmin-carousel layadmin-backlog">
                        <div carousel-item>
                            <ul class="layui-row layui-col-space10">
                                {volist name='wait' id='vo'}
                                <li class="layui-col-xs4">
                                    <a lay-href="{$vo.link}"
                                       class="layadmin-backlog-body">
                                        <h3>{$vo.title}</h3>
                                        <p><cite>{$vo.number}</cite></p>
                                    </a>
                                </li>
                                {/volist}
                            </ul>
                            <!--<ul class="layui-row layui-col-space10 ">
                               <li class="layui-col-xs6">
                                 <a href="javascript:;" class="layadmin-backlog-body">
                                   <h3>待审友情链接</h3>
                                   <p><cite style="color: #FF5722;">5</cite></p>
                                 </a>
                               </li>

                               <li class="layui-col-xs6">
                                 <a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
                                   <h3>待发货</h3>
                                   <p><cite>20</cite></p>
                                 </a>
                               </li>
                             </ul>-->
                        </div>
                    </div>
                </div>
            </div>


            {$data_right}

            <div class="layui-card">
                <div class="layui-card-header m">最近登录</div>
                <div class="layui-card-body dynamic-card-body mini-bar" style="height:265px;">
                    <div class="layui-timeline">


                        {volist name='logins' id='vo'}
                        <div class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis layui-icon-face-smile"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">{$vo.ip}/{$vo.message}<span style="float: right">{$vo.create_time}</span></div>
                            </div>
                        </div>
                        {/volist}
<!--                        <div class="layui-timeline-item">-->
<!--                            <i class="layui-icon layui-timeline-axis layui-icon-face-cry"></i>-->
<!--                            <div class="layui-timeline-content layui-text">-->
<!--                                <div class="layui-timeline-title">2021年，Layui 原官网下线，此后 Layui 进入两年的低谷期。</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="layui-timeline-item">-->
<!--                            <i class="layui-icon layui-timeline-axis layui-icon-fire"></i>-->
<!--                            <div class="layui-timeline-content layui-text">-->
<!--                                <div class="layui-timeline-title">2017年，Layui 里程碑版本 2.0.0 发布，此后 Layui 进入三年的高光期。</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="layui-timeline-item">-->
<!--                            <i class="layui-icon layui-timeline-axis layui-icon-circle"></i>-->
<!--                            <div class="layui-timeline-content layui-text">-->
<!--                                <div class="layui-timeline-title">2016年，Layui 首个版本发布</div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="layui-timeline-item">-->
<!--                            <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>-->
<!--                            <div class="layui-timeline-content layui-text">-->
<!--                                <div class="layui-timeline-title">最初，Layui 在爱与期许中孵化。</div>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                </div>
            </div>

        </div>
    </div>


    <script>

        //区块轮播切换
        layui.use(['admin', 'carousel'], function () {
            var $ = layui.$
                , admin = layui.admin
                , carousel = layui.carousel
                , element = layui.element
                , device = layui.device();

            //轮播切换
            $('.layadmin-carousel').each(function () {
                var othis = $(this);
                carousel.render({
                    elem: this
                    , width: '100%'
                    , arrow: 'none'
                    , interval: othis.data('interval')
                    , autoplay: othis.data('autoplay') === true
                    , trigger: (device.ios || device.android) ? 'click' : 'hover'
                    , anim: othis.data('anim')
                });
            });


            $('.inbox-item').click(function () {

                $.ajax({
                    url: "{:url('merchant/Document/notice')}", //请求的url地址
                    dataType: "json", //返回格式为json
                    type: "POST", //请求方式
                    data: {
                        id: $(this).data('id')
                    }, //请求方式
                    success: function (req) {
                        //请求成功时处理
                        if (0 == req.code) {
                            layer.open({
                                title: req.data.title
                                , type: 1
                                //,skin: 'layui-layer-rim'
                                , shadeClose: true
                                , area: admin.screen() < 2 ? ['80%', '300px'] : ['700px', '500px']
                                , content: req.data.article.content
                            });
                        } else {
                            layer.msg(req.message);
                        }
                    },
                    complete: function () {
                        //请求完成的处理
                    },
                    error: function (err) {
                        //请求出错处理
                        layer.msg(JSON.stringify(err));
                    }
                });
            });
            $('.version').click(function () {
                checkVersion('show')
            });

        });

    </script>

